import { throttle } from '../utils';

export default {
    data() {
      return {
        windowWidth: null, // 存放窗口宽度的状态值
        windowHeight: null // 存放窗口高度的状态值
      }
    },
    mounted() {
      
      this.updateWindowSize(); // 初始化获取当前窗口宽度
      
      window.addEventListener('resize', this.handleResize); // 添加窗口大小改变的事件监听器
    },
    beforeDestroy() {
      window.removeEventListener('resize', this.handleResize); // 在组件销毁之前移除事件监听器
    },
    methods: {
      updateWindowSize() {
        this.windowWidth = window.innerWidth; // 将当前窗口宽度赋值给状态值
        this.windowHeight = window.innerHeight; // 将当前窗口宽度赋值给状态值
      },
      handleResize: throttle(function(event) {
        this.updateWindowSize();
        this.$router.go(0)
      }, 500)
    }
  }